<template>
  <div class="w-screen h-screen light-theme">
    <n-config-provider
      :theme-overrides="UiThemeConfig"
      :locale="locale"
      :date-locale="dateLocale"
    >
      <n-modal-provider>
        <n-notification-provider>
          <n-dialog-provider>
            <n-message-provider>
              <router-view />
            </n-message-provider>
          </n-dialog-provider>
        </n-notification-provider>
      </n-modal-provider>
    </n-config-provider>
  </div>
</template>

<script setup lang="ts">
import { storeToRefs } from "pinia";
import UiThemeConfig from "@/config/uiTheme/index";
import { useGlobalStore } from "@/store/modules/global.store";

// import { darkTheme } from "naive-ui";

const globalStore = useGlobalStore();
const { locale, dateLocale } = storeToRefs(globalStore);
</script>
<style scoped></style>
